.card-container{
 .ant-tabs-nav{
   width:309px;
   background-color: #eee;
   .ant-tabs-nav-list{
     border: 1px solid #ddd;
   }
 }
}
// addcard
.addcard{
  position: relative;
  .ant-form{
    width:60%;
    display: inline-block;
  }
  .card{
    display: inline-block;
    width:260px;
    height:120px;
    position: absolute;
    top:80px;
    right:10%
  }
}
.card-container p {
  margin: 0;
}
.card-container > .ant-tabs-card .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}
.card-container > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
  padding: 16px;
  background: #fff;
}
.card-container > .ant-tabs-card > .ant-tabs-nav::before {
  display: none;
}
.card-container > .ant-tabs-card .ant-tabs-tab,
[data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab {
  background: transparent;
  border-color: transparent;
}
.card-container > .ant-tabs-card .ant-tabs-tab-active,
[data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab-active {
  background: #fff;
  border-color: #fff;
}
#components-tabs-demo-card-top .code-box-demo {
  padding: 24px;
  overflow: hidden;
  background: #f5f5f5;
}
[data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-content {
  height: 120px;
  margin-top: -8px;
}
[data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-tab {
  background: transparent;
  border-color: transparent;
}
[data-theme='dark'] #components-tabs-demo-card-top .code-box-demo {
  background: #000;
}
[data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
  background: #141414;
}
[data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-tab-active {
  background: #141414;
  border-color: #141414;
}
.Blue{
  background-image: linear-gradient(135deg, rgb(183, 208, 255), rgb(78, 103, 183))
}
.Glary{
  background-image: linear-gradient(135deg, rgb(149, 149, 149), rgb(32, 36, 42))
}
.Green{
  background-image: linear-gradient(135deg, rgb(139, 236, 189), rgb(49, 158, 105))
}
.Red{
  background-image: linear-gradient(135deg, rgb(255, 158, 151), rgb(196, 78, 70));
}
.Yellow{
  background-image: linear-gradient(135deg, rgb(255, 218, 166), rgb(206, 154, 81));
}
.Pink{
  background-image: linear-gradient(135deg, rgb(255, 181, 193), rgb(215, 59, 91));
}